.create_business_card_wrap {
	width: 100vw;
	min-height: 100vh;
	padding: 0px 0px 60px 0px;
	box-sizing: border-box;
	background-color: #f2f8ff;
	margin: 0px 0px 40px 0px;

	.tabs_box {
		width: 100vw;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 2;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.form_box {
		position: relative;
		top: 56px;
		// margin-top: 80px;

		.form_item_box {
	
			// border: 1px solid red;
			border-bottom: 1px solid rgba(#ccc, 0.4);
			padding: 16px 10px;
			display: flex;
			flex-direction: row;
			justify-content: space-between;

			.label {
				width: 80px;
				height: 20px;
				line-height: 24px;
				position: relative;
						letter-spacing: 1px;

				.required_fields {
					font-size: 16px;
					color: red;
					margin-right: 2px;
					position: absolute;
					top: 72%;
					left: -12px;
					transform: translateY(-50%);
				}
			}

			.input_box {
				flex: 1;
			}
		}

		.company_address {
			padding: 20px 10px;
			.label {
				line-height: 56px;
			}
			.input_box {
				// border: 1px solid red;
				display: flex;
				flex-direction: column;

				.select_location_box {
					text-align: right;
					margin-top: 14px;
					color: rgb(30, 139, 255);
					letter-spacing: 1px;
				}
			}
		}
		
		.industry{
			.label{
				line-height: 52px;
			}
		}

		.enterprise_data_form_box {
			margin-bottom: 40px;
		}

		// 头像
		.avatar {
			height: 50px;
			// line-height: 50px;
			position: relative;

			// .label{

			// 	.required_fields{
			// 		top: 80% !important;
			// 	}

			// }

			.avatar_img {
				position: absolute !important;
				right: 10px;
				top: 50%;
				transform: translateY(-50%);
			}
		}

		// 微信二维码
		.wx_qr_code {
			height: 80px;
			line-height: 80px;

			.qr_code_img {
				width: 50px;
				height: 50px;
			}
		}
	}
}

// wot - card

.base_info {
	.wd-card {
		.wd-card__title-content {
			padding: 8px !important;
		}

		.wd-card__footer {
			padding: 8px !important;
		}
	}
}

.self_introduction_box {
	margin-top: 16px;
	.wd-card {
		.wd-card__title-content {
			padding: 18px 8px 14px 8px !important;
		}

		.wd-card__footer {
			padding: 8px 8px 8px 8px !important;
		}
	}
}

.enterprise_data_form_box {
	.wd-card {
		.wd-card__title-content {
			padding: 2px !important;
		}

		.wd-card__footer {
			padding: 4px !important;
		}
	}
}

// wd - input
.wd-input {
	width: 100% !important;
	// border: 1px solid red;
	text-align: right !important;
}

// 图标
.wd-icon-fill-camera {
	width: 100% !important;
	font-size: 30px;
}

// 裁剪
.wd-img-cropper {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999 !important;
	.wd-img-cropper__footer {
		bottom: 120px !important;

		.wd-img-cropper__footer--button {
			.wd-button {
				top: 54px;
			}
		}
	}
}

// 文本域
.wd-textarea {
	background-color: #f7f7f7 !important;
	padding: 4px 4px !important;
	border-radius: 4px;

	.wd-textarea__value {
		padding: 0 !important;
		.wd-textarea__inner {
			padding: 4px 4px !important;
			background-color: #f7f7f7 !important;
		}
	}
}

// 选择器
.wd-picker {
	.wd-picker__field {
		.wd-picker__cell {
			padding-right: 0px;
			
			.wd-picker__body{
				.wd-picker__value-wraper{
					.wd-picker__value{
						margin-right: 0;
					}
				}
			}
		}
	}
}

// 保存按钮盒子
.save_btn_box {
	width: 100vw;
	height: 46px;
	margin-top: 80px;
	// border: 1px solid red;
	padding: 0px 20px;
	box-sizing: border-box;
	
	.wd-button{
		width: 100% !important;
	}

	.btn_content_text {
		box-sizing: border-box;
		padding: 0px 120px;
		display: inline-block;
		letter-spacing: 4px;
	}
}

// 下方占位元素
.bottom_placeholder_box {
	width: 100vw;
	height: 40px;
}

.preview {
	padding: 32rpx;

	.images {
		margin: 10rpx;
		width: 200rpx;
		height: 200rpx;
	}
}
.button {
	margin: 0 20rpx;
}


.logo_box{
	padding: 10px 10px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	
	.label{
		letter-spacing: 1px;
		line-height: 60px;
	}
	
	.logo_upload_box{
		width: 90px;
		height: 90px;
		padding: 10px 0px 0px 10px;
		box-sizing: border-box;
		// border: 1px solid red;
	}
}

// 企业介绍展示盒子
.company_introduce_box{
	width: 100%;
	padding: 14px;
	// border-radius: 8px;8px
	box-sizing: border-box;
	overflow: hidden;
	// border: 1px solid red;
	display: flex;
	flex-direction: column;
	
	.header_box{
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		background: white;

		padding: 12px 12px 4px 20px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		
		.left_box{
			width: 100%;
				line-height: 24px;
				padding-top: 3px;
				box-sizing: border-box;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				// border: 1px solid red;
				
			.label{
				// font-weight: bold;
				color: #8c8c8c;
				letter-spacing: 1px;
			}
			
			.add_company_introduce_box{
				text-align: center;
				width: 28px;
				height: 28px;
				line-height: 28px;
				background-color: rgba(0,0,0,0.45);
				border-radius: 50%;
				font-size: 10px;
				color: white;
				letter-spacing: 1px;
				margin-right: 10px;
				// padding-bottom: 4px;
				box-sizing: border-box;
				position: relative;
				top: -4px;
				
				.wd-icon{
					position: relative !important;
					top: -0px !important;
				}
			}
		}
		
		.right_box{
			position: relative;
			top: -2px;
		}
	}
	
	.content_box{
		background: white;
		padding: 6px 10px 10px 24px;
		box-sizing: border-box;
		position: relative;
		overflow: hidden;
				// border: 1px solid red;
				
		.introduce_action_box{
			display: flex;
			flex-direction: row;
			position: absolute;
			top: 0;
			right: 10px;
			
			
			.introduce_action_item_box{
				text-align: center;
				width: 30px;
				height: 30px;
				line-height: 34px;
				background-color: rgba(0,0,0,0.45);
				border-radius: 50%;
				font-size: 10px;
				color: white;
				letter-spacing: 1px;
				margin-right: 10px;
				// padding-bottom: 4px;
				box-sizing: border-box;
				
				.wd-icon{
					position: relative !important;
					top: -2px !important;
				}
			}
		}
				
		.title_box{
			.title_text{
				font-size: 14px;
				// font-weight: bold;
				letter-spacing: 1px;
			}
		}
		
		.content_text_box{
			padding: 6px 0px;
			
			.content_text{
				font-size: 12px;
				letter-spacing: 1px;
			}
		}
		
		.imgs_box{
			.imgs_item_img{
				margin-top: 14px;
				width: 82vw;
			}
		}
		
		
	}
	
	.not_data{
	      padding: 20px; 
				background: white;
				text-align: center;
				
				.not_data_text{
					font-size: 12px;
					letter-spacing: 1px;
					color: #747474;
				}
			}
	
	.footer_box{
		// width: 100%;
		padding: 4px;
		height: 2px;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
		background: white;
		// border: 1px solid red;
	}
}

.company_address{
	.label{
		.required_fields{
			// position: relative;
			top: 156% !important;
		}
	}
}


.company_industry{
	.label{
		.required_fields{
			// position: relative;
			top: 74% !important;
		}
	}
}


